<template>
<div>
  <h1>动态组件</h1>
  <h4>{{title|to-uppercase}}</h4>

</div>
</template>

<script>
let data = {
  list:  ['a','b'],
  title:'hello vue by filters',
}

export default {
  name: "FormOne",
  data() {
    return data
  },
  // 局部注册
  filters:{
    'to-uppercase':function (value) {
      return value.toUpperCase()
    }
  }
}
</script>

<style scoped>

</style>
